$(function() {
	//初始化十条数据
	showStaff(0, 10);	
})

//模糊搜索
$('.search').click( function(){
	if($('.searchval').val()!=""){
		$('tbody').html("");
		$('#page').css("display","none");
		showStaff();	
	}
	
})
//实时监听搜索框为空
$('.searchval').bind('input propertychange',function(event){
   if($('.searchval').val()==""){
	   //文本框清空时自动调用请求
	   $('tbody').html("");
	   $('#page').css("display","block");
	   showStaff(0, 10);
   }
});

function showStaff(pos, row) {
	$.get(
		"${pageContext.request.contextPath}/findStaff", {
			pos: pos,
			row: row,
			search:$('.searchval').val()//搜索值
		},
		function(date) {
			console.log(date)		
			// 加载后台返回的List集合数据
			var staff = date.list;
			$('.staff-total').html(staff.length);
			if(staff.length<=0){
				$('tbody').html("无数据");
				return;
			}
			for (var i = 0; i < staff.length; i++) {
				var htmls = "<tr>" +
					"<td><div class=\"layui-unselect layui-form-checkbox\" lay-skin=\"primary\" data-id='" +
					staff[i].id +
					"'><i class=\"layui-icon\">&#xe605;</i></div></td>" +
					"<td>" +
					staff[i].id +
					"</td>" +
					"<td>" +
					staff[i].sid +
					"</td>" +
					"<td>" +
					staff[i].sname +
					"</td>" +
					"<td>" +
					staff[i].ssex +
					"</td>" +
					"<td>" +
					staff[i].sage +
					"</td>" +
					"<td>" +
					staff[i].depart.dname +
					"</td>" +
					"<td>" +
					staff[i].joindate +
					"</td>" +
					"<td class=\"td-manage\">" +
					"<a title=\"编辑\" onclick=\"x_admin_show('编辑','staff-edit?id=" +
					staff[i].id +
					"',500,500)\"href=\"javascript:;\">" +
					"<i class=\"layui-icon\">&#xe642;</i></a>" +
					"<a title=\"删除\" onclick=\"member_del(this,'" +
					staff[i].id +
					"')\"href=\"javascript:;\">" +
					"<i class=\"layui-icon\">&#xe640;</i></a>" +
					"</td>" + "</tr>";
				$('tbody').append(htmls);
			}
		}, "json");
}

//全局变量,总数目
var total = $('.staff-total').html();
// 分頁
// 先初始化加载首页，十条数据
layui.use('laypage', function() {
	var laypage = layui.laypage;
	laypage.render({
		elem: 'page',
		count: total, // 数据总数
		limit: 10, // 每页显示多少
		curr: 1, // 第几页
		pos: 0,//数据下标
		layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
		// 跳转页码时调用
		jump: function(obj, first) { // obj为当前页的属性和方法，第一次加载first为true
			// 非首次加载 do something
			if (!first) {
				// 清空以前加载的数据
				$('tbody').empty();
				//分页页数发生改变,改变数据
				obj.pos = (obj.curr - 1) * obj.limit;
				// 调用加载函数加载数据
				showStaff(obj.pos, obj.limit);
			}
		}
	})
});
